﻿body 
{
    background-color: #cfdae9;
}

.gridArea 
{
    margin-left: auto; 
    margin-right: auto;
    width:100%;
}

.staffGrid {   
    width: 80%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
}  

.staffGrid td {   
    padding: 2px;   
    border: solid 1px #c1c1c1;   
    color: #717171;   
} 
 
.staffGrid th {   
    padding: 4px 2px;   
    color: #fff;   
    background: #375379;   
    border-left: solid 1px #525252;   
    font-size: 0.9em;   
} 
 
.staffGrid .alt  
{
    background: #fcfcfc url(../Images/grd_alt.png) repeat-x top; 
}  

.staffGrid .pgr  
{
    background: #375379 ; 
}  

.staffGrid .pgr table  
{
    margin: 5px 0; 
}  

.staffGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
 
.staffGrid .pgr a  
{
    color: #666; text-decoration: none; 
}  

.staffGrid .pgr a:hover  
{
    color: #000; text-decoration: none; 
} 

.addStaffMemberHeader 
{
    width: 350px;
    background: #375379;
    color: #fff;   
}

.addStaff 
{
    width:300px;
}



/** 

    This section is for the popup.js

**/
  
#blanket {
    background-color:#111;
    opacity: 0.75;
    filter:alpha(opacity=65);
    position:absolute;
    z-index: 9001;
    top:0px;
    left:0px;
    width:100%;
}

#popUpDiv {
    position:absolute;
    background-color:#eeeeee;
    width:300px;
    height:300px;
    z-index: 9002;
}